<template>
	<div>
		<template v-for="item in list">
			<uni-card :title="item.title" :extra="item.subTitle">
				<view class="item_body">
					<view class="item_body_row">
						模型类型：<span>打火山模型</span>
					</view>
					<view class="item_body_row">
						剩余次数：<span>不限</span>
					</view>
					<view class="item_body_row">
						价格：<span>200元</span>
					</view>
				</view>
			</uni-card>
		</template>
		<Empty v-if="list.length == 0"></Empty>
	</div>
</template>

<script setup>
	import {ref} from "vue";
	import { comboquary } from "../../api"
	import { onLoad } from "@dcloudio/uni-app";
	import Empty from "../../components/Empty.vue"
	let list = ref([{title:'默认套餐',subTitle:"免费"},{title:'套餐1',subTitle:"vip1"}])

onLoad(()=>{
	getList()
})
async function getList(){
	let list = await comboquary()
	console.log(list);
}

</script>

<style lang="scss">
	page{
		background:#f1f1f1;
	}
	::v-deep .uni-card{
		background: #dbe1f9 !important;
	}
	.item_body{
		background:#fff;
		border-radius: 10rpx;
		padding:0 20rpx;
		margin-bottom: 20rpx;
		.item_body_row{
			border-bottom: solid 1px #f1f1f1;
			line-height: 80rpx;
		}
		.item_body_row:nth-last-child(1){
			border-bottom:none;
		}
	}
</style>